<template>
  <div class="d-flex justify-content-between align-content-start own-search">
    <div class="flex-1">
      <slot />
    </div>
    <div v-if="$slots.suffix">
      <slot name="suffix" />
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "OwnSearch",
  props: {
    ownSuffix: {
      type: Boolean,
      default: false,
    },
  },
  setup() {},
});
</script>
<style lang="less" scoped>
.own-search {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 16px;
}
</style>